<template>
    <div class="mainBlock">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</template>

<style lang="scss" scoped>
@import "../../styles/bossVersion/_basics";

.mainBlock {
    @include absoluteAllSides(0,0,0,0,-1);
    span {
        width: 23px;
        height: 23px;
        border: 2px solid $color1;

        &:nth-of-type(1) {
            @include absoluteTLSide(-1, -1, 1);
            border-right: none;
            border-bottom: none;
        }
        &:nth-of-type(2) {
            @include absoluteTRSide(-1, -1, 1);
            border-left: none;
            border-bottom: none;
        }
        &:nth-of-type(3) {
            @include absoluteBLSide(-1, -1, 1);
            border-top: none;
            border-right: none;
        }
        &:nth-of-type(4) {
            @include absoluteBRSide(-1, -1, 1);
            border-top: none;
            border-left: none;
        }
    }
}
</style>
